/* 引入字体 */
@import url('https://fonts.googleapis.com/css?family=Ubuntu');

* {
    box-sizing: border-box;
}

body {
    font-family: 'Ubuntu', sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    overflow: hidden;
    margin: 0;

}

.bg {
    background: url('https://images.unsplash.com/photo-1576161787924-01bb08dad4a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2104&q=80') 
    no-repeat center center/cover;
    position: absolute;
    top: -30px;
    left: -30px;
    width: calc(100vw + 60px); /* 表示整个浏览器窗口宽度加去60px的大小*/
    height: calc(100vh + 60px); /* 表示整个浏览器窗口高度加去60px的大小*/
    z-index: -1;
    /* filter 滤镜 
    blur(px) 给图像设置高斯模糊。"radius" 一值设定高斯函数的标准差，
    或者是屏幕上以多少像素融在一起， 所以值越大越模糊 
    如果没有设定值，则默认是0；这个参数可设置css长度值，但不接受百分比值。
    */
    filter: blur(px);
}

.loading-text{
    font-size: 50px;
    color: #fff;
}